<template>
  <div class="order">
    <div class="order_main">
      <!-- nav start -->
      <Header />
      <!-- nav end -->
      <!-- order_top -->
      <div class="order_top">
        <div>全部订单</div>
        <div>代付款</div>
        <div>进行中</div>
        <div>已完成</div>
      </div>
      <!-- order_box -->
      <div class="order_box">
        <div class="order_tittle">
          <div>订单编号</div>
          <div>待付款</div>
          <div>购买时间xxxxx</div>
        </div>
        <div class="order_item">
          <div class="order_item_leftBox">
            <div class="order_item_left">
              <div class="order_item_leftL">
                <img src="" alt="" />
              </div>
              <div class="order_item_rightL">
                <div class="order_item_leftM">
                  <div>名称</div>
                  <div>已发货</div>
                  <div class="order_itemLeft_guige">
                    <div>购买数量</div>
                    <div>购买规格</div>
                  </div>
                </div>
                <div class="order_item_leftR">￥999</div>
              </div>
            </div>
            <div class="order_item_left">
              <div class="order_item_leftL">
                <img src="" alt="" />
              </div>
              <div class="order_item_rightL">
                <div class="order_item_leftM">
                  <div>名称</div>
                  <div>已发货</div>
                  <div class="order_itemLeft_guige">
                    <div>购买数量</div>
                    <div>购买规格</div>
                  </div>
                </div>
                <div class="order_item_leftR">￥999</div>
              </div>
            </div>
          </div>
          <div class="order_item_middle">
            <div>实付</div>
            <div>￥399(快递9)</div>
          </div>
          <div class="order_item_right">订单已完成</div>
        </div>
      </div>

      <!-- two -->
      <div class="order_box">
        <div class="order_tittle">
          <div>订单编号</div>
          <div>待付款</div>
          <div>购买时间xxxxx</div>
        </div>
        <div class="order_item">
          <div class="order_item_leftBox">
            <div class="order_item_left">
              <div class="order_item_leftL">
                <img src="" alt="" />
              </div>
              <div class="order_item_rightL">
                <div class="order_item_leftM">
                  <div>名称</div>
                  <div>已发货</div>
                  <div class="order_itemLeft_guige">
                    <div>购买数量</div>
                    <div>购买规格</div>
                  </div>
                </div>
                <div class="order_item_leftR">￥999</div>
              </div>
            </div>
            <div class="order_item_left">
              <div class="order_item_leftL">
                <img src="" alt="" />
              </div>
              <div class="order_item_rightL">
                <div class="order_item_leftM">
                  <div>名称</div>
                  <div>已发货</div>
                  <div class="order_itemLeft_guige">
                    <div>购买数量</div>
                    <div>购买规格</div>
                  </div>
                </div>
                <div class="order_item_leftR">￥999</div>
              </div>
            </div>
            <div class="order_item_left">
              <div class="order_item_leftL">
                <img src="" alt="" />
              </div>
              <div class="order_item_rightL">
                <div class="order_item_leftM">
                  <div>名称</div>
                  <div>已发货</div>
                  <div class="order_itemLeft_guige">
                    <div>购买数量</div>
                    <div>购买规格</div>
                  </div>
                </div>
                <div class="order_item_leftR">￥999</div>
              </div>
            </div>
            <div class="order_item_left">
              <div class="order_item_leftL">
                <img src="" alt="" />
              </div>
              <div class="order_item_rightL">
                <div class="order_item_leftM">
                  <div>名称</div>
                  <div>已发货</div>
                  <div class="order_itemLeft_guige">
                    <div>购买数量</div>
                    <div>购买规格</div>
                  </div>
                </div>
                <div class="order_item_leftR">￥999</div>
              </div>
            </div>
          </div>
          <div class="order_item_middle">
            <div>实付</div>
            <div>￥399(快递9)</div>
          </div>
          <div class="order_item_right">
            <div>取消订单</div>
            <div>付款</div>
          </div>
        </div>
      </div>
    </div>
    <!-- copyright start -->
    <Copyright />
    <!-- copyright end-->
  </div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
@import url("../assets/order.css");
</style>